<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
	<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
    <link rel="icon" href="../../favicon.ico">
    <title>Theme Template for Bootstrap</title>
    <link href="/bootstrapDemo/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/bootstrapDemo/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="theme.css" rel="stylesheet">
  </head>
<body>

   <div class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
      <div class="container">
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
          </ul>
        </div>
      </div>
    </div>
<div class="container" style="border: 1px red solid;">
	<h1>hello world</h1>
	<p  class="lead">
		<small>This line of text is meant to be treated as fine print.</small>
	</p>
	
	<p class="text-error">Left aligned text.</p>
	<p class="text-center">Center aligned text.</p>
	<p class="text-right">Right aligned text.</p>
	<p class="muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
	<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
	<p class="text-error">Donec ullamcorper nulla non metus auctor fringilla.</p>
	<p class="text-info">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.</p>
	<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.<abbr title="attribute">attr</abbr></p>
	
	<blockquote class="pull-right">
	  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
	  <small>Someone famous <cite title="Source Title">Source Title</cite></small>
	</blockquote>
	
	<dl class="dl-horizontal">
	  <dt>orem ipsum dolor sit amet, consectetur</dt>
	  <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</dd>
	</dl>  
	  <p class="text-center">以下为表格</p>
	  <hr/>
	  #1<table class="table">
	  <thead>
	 	<tr class="success">
	 		<td>No</td>
	 		<td>name</td>
	 		<td>code</td>
	 		<td>title</td>
	 		<td>email</td>
	 		<td>oper</td>
	 	</tr>
	 </thead>
	 	<tr class="error">
	 		<td>1</td>
	 		<td>Mr.Han</td>
	 		<td>123</td>
	 		<td>测试</td>
	 		<td>123@12.com</td>
	 		<td>我测</td>
	 	</tr>
	 	<tr  class="warning">
	 		<td>2</td>
	 		<td>Ms.hasd</td>
	 		<td>F-099</td>
	 		<td>测试</td>
	 		<td>23234@123.com</td>
	 		<td>删除</td>
	 	</tr>
	 	<tr  class="info">
	 		<td>2</td>
	 		<td>Ms.hasd</td>
	 		<td>F-099</td>
	 		<td>测试</td>
	 		<td>23234@123.com</td>
	 		<td>删除</td>
	 	</tr>
	  </table>
	#2  <table class="table table-striped">
	 	<tr >
	 		<td>No</td>
	 		<td>name</td>
	 		<td>code</td>
	 		<td>title</td>
	 		<td>email</td>
	 		<td>oper</td>
	 	</tr>
	 	<tr>
	 		<td>1</td>
	 		<td>Mr.Han</td>
	 		<td>123</td>
	 		<td>测试</td>
	 		<td>123@12.com</td>
	 		<td>我测</td>
	 	</tr>
	 	<tr>
	 		<td>2</td>
	 		<td>Ms.hasd</td>
	 		<td>F-099</td>
	 		<td>测试</td>
	 		<td>23234@123.com</td>
	 		<td>删除</td>
	 	</tr>
	  </table>
	#3  <table class="table table-bordered">
	 	<tr>
	 		<td>No</td>
	 		<td>name</td>
	 		<td>code</td>
	 		<td>title</td>
	 		<td>email</td>
	 		<td>oper</td>
	 	</tr>
	 	<tr>
	 		<td>1</td>
	 		<td>Mr.Han</td>
	 		<td>123</td>
	 		<td>测试</td>
	 		<td>123@12.com</td>
	 		<td>我测</td>
	 	</tr>
	 	<tr>
	 		<td>2</td>
	 		<td>Ms.hasd</td>
	 		<td>F-099</td>
	 		<td>测试</td>
	 		<td>23234@123.com</td>
	 		<td>删除</td>
	 	</tr>
	  </table>
	#4  <table class="table table-hover">
	 	<tr>
	 		<td>No</td>
	 		<td>name</td>
	 		<td>code</td>
	 		<td>title</td>
	 		<td>email</td>
	 		<td>oper</td>
	 	</tr>
	 	<tr>
	 		<td>1</td>
	 		<td>Mr.Han</td>
	 		<td>123</td>
	 		<td>测试</td>
	 		<td>123@12.com</td>
	 		<td>我测</td>
	 	</tr>
	 	<tr>
	 		<td>2</td>
	 		<td>Ms.hasd</td>
	 		<td>F-099</td>
	 		<td>测试</td>
	 		<td>23234@123.com</td>
	 		<td>删除</td>
	 	</tr>
	  </table>
	#5  <table class="table table-condensed">
	 	<tr>
	 		<td>No</td>
	 		<td>name</td>
	 		<td>code</td>
	 		<td>title</td>
	 		<td>email</td>
	 		<td>oper</td>
	 	</tr>
	 	<tr>
	 		<td>1</td>
	 		<td>Mr.Han</td>
	 		<td>123</td>
	 		<td>测试</td>
	 		<td>123@12.com</td>
	 		<td>我测</td>
	 	</tr>
	 	<tr>
	 		<td>2</td>
	 		<td>Ms.hasd</td>
	 		<td>F-099</td>
	 		<td>测试</td>
	 		<td>23234@123.com</td>
	 		<td>删除</td>
	 	</tr>
	  </table>
	  
	 <p class="text-center">表单</p>
	 <hr/>
	 <form>
	  <fieldset>
	    <legend>Legend有问题，按钮和园角没出来</legend>
	    <label>Label name</label>
	    <input type="text" placeholder="Type something…">
	    <span class="help-block">Example block-level help text here.</span>
	    <label class="checkbox">
	      <input type="checkbox"> Check me out
	    </label>
	    <button type="submit" class="btn">Submit</button>
	  </fieldset>
	</form>
	
	<form class="form-search">
	  <input type="text" class="input-medium search-query">
	  <button type="submit" class="btn">Search</button>
	</form>
	
	<form class="form-inline">
	  <input type="text" class="input-small" placeholder="Email">
	  <input type="password" class="input-small" placeholder="Password">
	  <label class="checkbox">
	    <input type="checkbox"> Remember me
	  </label>
	  <button type="submit" class="btn">Sign in</button>
	</form>
	
	<form class="form-horizontal">
	  <div class="control-group">
	    <label class="control-label" for="inputEmail">Email</label>
	    <div class="controls">
	      <input type="text" id="inputEmail" placeholder="Email">
	    </div>
	  </div>
	  <div class="control-group">
	    <label class="control-label" for="inputPassword">Password</label>
	    <div class="controls">
	      <input type="password" id="inputPassword" placeholder="Password">
	    </div>
	  </div>
	  <div class="control-group">
	    <div class="controls">
	      <label class="checkbox">
	        <input type="checkbox"> Remember me
	      </label>
	      <button type="submit" class="btn">Sign in</button>
	    </div>
	  </div>
	</form>
	
	<input type="text" placeholder="Text input"/>
	
	<textarea rows="3"></textarea>
	
	<label class="checkbox">
	  <input type="checkbox" value="">
	  Option one is this and that—be sure to include why it's great
	</label>
	 
	<label class="radio">
	  <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
	  Option one is this and that—be sure to include why it's great
	</label>
	<label class="radio">
	  <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
	  Option two can be something else and selecting it will deselect option one
	</label>
	<p>同行复选--有问题</p>
	<label class="checkbox inline">
	  <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
	</label>
	<label class="checkbox inline">
	  <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
	</label>
	<label class="checkbox inline">
	  <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
	</label>
	
	<select>
	  <option>1</option>
	  <option>2</option>
	  <option>3</option>
	  <option>4</option>
	  <option>5</option>
	</select>
	 
	<select multiple="multiple">
	  <option>1</option>
	  <option>2</option>
	  <option>3</option>
	  <option>4</option>
	  <option>5</option>
	</select>
	有问题
	<div class="input-prepend">
	  <span class="add-on">@</span>
	  <input class="span2" id="prependedInput" type="text" placeholder="Username">
	</div>
	<div class="input-append">
	  <input class="span2" id="appendedInput" type="text">
	  <span class="add-on">.00</span>
	</div>
	<div class="input-prepend input-append">
	  <span class="add-on">$</span>
	  <input class="span2" id="appendedPrependedInput" type="text">
	  <span class="add-on">.00</span>
	</div>
	
	<div class="input-append">
	  <input class="span2" id="appendedInputButton" type="text">
	  <button class="btn" type="button">Go!</button>
	</div>
	
	<div class="input-append">
	  <input class="span2" id="appendedInputButtons" type="text">
	  <button class="btn" type="button">Search</button>
	  <button class="btn" type="button">Options</button>
	</div>
	有问题
	<div class="input-append">
	  <input class="span2" id="appendedDropdownButton" type="text">
	  <div class="btn-group">
	    <button class="btn dropdown-toggle" data-toggle="dropdown">
	      Action
	      <span class="caret"></span>
	    </button>
	    <ul class="dropdown-menu">
	    </ul>
	  </div>
	</div>
	
	<form class="form-search">
	  <div class="input-append">
	    <input type="text" class="span2 search-query">
	    <button type="submit" class="btn">Search</button>
	  </div>
	  <div class="input-prepend">
	    <button type="submit" class="btn">Search</button>
	    <input type="text" class="span2 search-query">
	  </div>
	</form>
	<span class="input-xlarge uneditable-input">Some value here</span>
	
	<div class="form-actions">
	  <button type="submit" class="btn btn-primary">Save changes</button>
	  <button type="button" class="btn">Cancel</button>
	</div>
	<input type="text"><span class="help-inline">Inline help text</span>
	<input class="span3" type="email" required>
	
	
	<div class="control-group warning">
	  <label class="control-label" for="inputWarning">Input with warning</label>
	  <div class="controls">
	    <input type="text" id="inputWarning">
	    <span class="help-inline">Something may have gone wrong</span>
	  </div>
	</div>
	 
	<div class="control-group error">
	  <label class="control-label" for="inputError">Input with error</label>
	  <div class="controls">
	    <input type="text" id="inputError">
	    <span class="help-inline">Please correct the error</span>
	  </div>
	</div>
	 
	<div class="control-group info">
	  <label class="control-label" for="inputInfo">Input with info</label>
	  <div class="controls">
	    <input type="text" id="inputInfo">
	    <span class="help-inline">Username is already taken</span>
	  </div>
	</div>
	 
	<div class="control-group success">
	  <label class="control-label" for="inputSuccess">Input with success</label>
	  <div class="controls">
	    <input type="text" id="inputSuccess">
	    <span class="help-inline">Woohoo!</span>
	  </div>
	</div>
</div>
</body>
</html>